<template>
    <div class="child">
        <h3>孙组件</h3>
        <h4>a:{{ a }}</h4>
        <h4>b:{{ b }}</h4>
        <h4>c:{{ c }}</h4>
        <h4>d:{{ d }}</h4>
        <h4>x:{{ x }}</h4>
        <h4>s:{{ s }}</h4>
        <button @click="updateA(6)">点我祖a变多</button>
    </div>
</template>

<script setup lang="ts" name="GrandChild">
defineProps(['a','b','c','d','x','s',"updateA"])
</script>

<style  scoped>
.child {
    background-color: rgb(208, 235, 135);
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px black;
}
</style>